<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://java.sun.com/jsf/html">
	<head>
		<title>login</title>

		<link rel="stylesheet" type="text/css" media="all" href="./css/style_cuil.css"/>

		<style type="text/css" media="screen">
			body {
				background-color: #000;
			}

			body.h {
				margin: 0;
				color: #484D4F;
				font-size: 8.5pt;
			}

			#cluster {
				position: absolute;
				width: 390px;
				text-align: right;
				left: 50%;
				top: 50%;
				margin-left: -320px;
				margin-top: -70px;
			}

			#header {
				width:330px;
			}

			#header div.label {
				padding-top:10px;
			}

			#hlogo {
				display: block;
				float: right;
				margin-bottom: 4px;
				display: inline;
			}

			#links {
				margin-top: 25px;
			}
			#links, #copy {
				text-align: right;
				line-height: 1.6em;
			}
			#hlogo, #links, #copy, #search_count {
				margin-right: 70px;
			}

			#links span.pipe {
				padding: 0 4px;
			}

			#search_count {
				padding-top: 6px;
				color: #c8cbce;
				clear: both;
			}
		</style>


		<meta name="viewport" content="width=600" />

	</head>

	<body class="h">
		<img style="margin-right:30%" id="hlogo" alt="AGH" src="images/agh_logo.bmp" />
		<div id="cluster">
			<h:form id="form_h">
				<div id="header">

					<div class="wrapper_search">
						<h:inputText class="search" value="#{userMBean.login}"/>
					</div>
					<div class="label">Login</div>

					<div class="wrapper_search">
						<h:inputSecret class="search" value="#{userMBean.password}"/>
					</div>
					<div class="label">Hasło</div>
					<h:commandLink action="#{userMBean.loginAction}" value="Hasło" styleClass="search"/>
				</div>
			</h:form>

			<div id="links">
			</div>
		</div>

	</body>
</html>

